<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>vant-cnd</title>
		
		
		<!-- 引入样式文件 -->
		<link
		  rel="stylesheet"
		  href="https://cdn.jsdelivr.net/npm/vant@2.10/lib/index.css"
		/>
		
		<!-- 引入 Vue 和 Vant 的 JS 文件 -->
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vant@2.10/lib/vant.min.js"></script>

	</head>
	<body>
		<div id="app">
				
		</div>
	</body>
	
	<script>
	  // 在 #app 标签下渲染一个按钮组件
	  new Vue({
	    el: '#app',
	    template: `<van-button>按钮</van-button>`,
	  });
	
	  // 调用函数组件，弹出一个 Toast
	  vant.Toast('提示');
	
	  // 通过 CDN 引入时不会自动注册 Lazyload 组件
	  // 可以通过下面的方式手动注册
	  Vue.use(vant.Lazyload);
	</script>

	
</html>
